<template>
  <div class="page" style="">
    <div class="print_title">面试管理详情 · 禾美协同办公</div>
    <p class="title">基础信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >应聘岗位:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyPosition_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >期望薪资(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.expectedSalary }}</p>
          </a-col>
        </a-row>
      </a-col>

      <a-col :span="12">
        <a-row style="margin-bottom: 0">

          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >期望工作地点:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.expectedWorkAddress_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >应聘现况:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyStatus_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >预计到岗时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.expectedArrival }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >姓名:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.name }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >性别:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['gender'], formData.gender + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >民族:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.national_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >籍贯:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ addressName }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >出生日期:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.birthDate }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >身份证号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.idCardNo }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >工作年限:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.workTime_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >婚姻状况:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.maritalStatus_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >身高:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.height }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >政治面貌:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.politicalLandscape_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否有家族遗传病:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasFamilyGeneticHistory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否有传染病史:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.geneticHistory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >血型:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.bloodType_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否有既往病史:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasPastMedicalHistory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否有犯罪记录:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasCriminalRecord_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >特长和爱好:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hobby }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <p class="title">资历状况</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >外语水平:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['foreignLanguageLevel'], formData.qualificationsInfo.foreignLanguageLevel + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >计算机能力:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['computerCapability'], formData.qualificationsInfo.computerCapability + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >有无驾照:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['hasDrivingLicense'], formData.qualificationsInfo.hasDrivingLicense + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >资格证书:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.qualificationsInfo.qualification }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >职称:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.qualificationsInfo.professional }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >毕业院校:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.qualificationsInfo.graduatedFrom }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >专业:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.qualificationsInfo.major }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >毕业时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.qualificationsInfo.graduationDate }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >最高学历:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['highestDegree'], formData.qualificationsInfo.highestDegree + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >教育方式:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['educationalMode'], formData.qualificationsInfo.educationalMode + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <p class="title">联系信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >手机号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.mobile }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >紧急联系人:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.fixedPerson }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >紧急联系人方式:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.fixedTel }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >电子邮箱:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.email }}</p>
          </a-col>
        </a-row>
      </a-col>
      <!-- <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >邮政编码:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.postCode }}</p>
          </a-col>
        </a-row>
      </a-col> -->
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >身份证地址:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.idCardAddress }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >现居地址:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.currentAddress }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >户籍地址:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.householdAddress }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <a-row type="flex" justify="center" v-if="formData.familySocialList && formData.familySocialList.length">
      <a-col>
        <p class="title_table">家庭成员与社会关系</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="columns"
          :data-source="formData.familySocialList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>

    <!-- 工作经历 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.workHistoryList && formData.workHistoryList.length">
      <a-col>
        <p class="title_table">工作经历(必填)</p>
      </a-col>
      <a-col :span="24" class="content">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >有无工作经历:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.isNoWorkHistory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="workHistoryColumns"
          :data-source="formData.workHistoryList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 教育经历（必填） -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.educationList && formData.educationList.length">
      <a-col>
        <p class="title_table">教育经历(必填)</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="educationColumns"
          :data-source="formData.educationList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>

    <!-- 培训经历 -->
    <!-- <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.trainingList && formData.trainingList.length">
      <a-col>
        <p class="title_table">培训经历</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="trainingColumns"
          :data-source="formData.trainingList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row> -->

    <!-- 奖惩档案 -->
    <!-- <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.rewardPunishList && formData.rewardPunishList.length">
      <a-col>
        <p class="title_table">奖惩档案</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="rewardPunishFileColumns"
          :data-source="formData.rewardPunishList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row> -->

    <p class="title" style="margin-top: 18px;">其他信息自述</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >您对应聘岗位的理解？:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.otherInfo.positionUnderstandQuestion }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >您的性格特点？:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.otherInfo.dispositionQuestion }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >公司内有无亲属，姓名.部门？:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.otherInfo.relationshipQuestion }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >档案及社保关系？:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.otherInfo.docQuestion }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >招聘信息来源？:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.otherInfo.applyQuestion }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>
    <a-row :gutter="24" style="border: 1px solid #d9d9d9;border-radius: 0 0 4px 4px;padding: 5px;margin: 10px 0 0 0" class="content">
      <a-col :span="24">
        <h4>申请人声明：</h4>
        <p>本人承诺保证所填资料真实，如入职后发现所填写资料不真实，公司有权对本人进行解除劳动合同处理，并不做任何赔偿及补偿。</p>
      </a-col>
      <a-col :span="24" style="display:flex; justify-content: end;">
        <div class="statement">
          <a-checkbox :checked="checked" :disabled="true" style="font-size: 14px">我已阅读并保证所填信息真实有效</a-checkbox>
          <div class="statement-p">签名：{{ formData.otherInfo.applyName }}</div>
          <div class="statement-p">日期：{{ formData.otherInfo.applyDate }}</div>
        </div>
      </a-col>
    </a-row>

    <!-- 初试情况 -->
    <p class="title" style="margin-top: 18px;" v-if="formData.applyResultInfo && formData.applyResultInfo.firstInterviewTime">初试情况</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;" v-if="formData.applyResultInfo && formData.applyResultInfo.firstInterviewTime">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >面试时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.firstInterviewTime }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >面试官:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['firstInterviewer'], formData.applyResultInfo.firstInterviewer + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >交接人:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['firstExchanger'], formData.applyResultInfo.firstExchanger + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >初试结果:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['firstResult'], formData.applyResultInfo.firstResult + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >初试记录:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.firstRemark }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <!-- 复试情况 -->
    <p class="title" style="margin-top: 18px;" v-if="formData.applyResultInfo && formData.applyResultInfo.secondInterviewTime">复试情况</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;" v-if="formData.applyResultInfo && formData.applyResultInfo.secondInterviewTime">

      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >复试时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.secondInterviewTime }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >面试官:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['firstInterviewer'], formData.applyResultInfo.secondInterviewer + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >交接人:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['firstInterviewer'], formData.applyResultInfo.secondExchanger + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >复试结果:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['secondResult'], formData.applyResultInfo.secondResult + '') }}</p>
            <!-- <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.secondResult }}</p> -->
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >复试记录:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.secondRemark }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <!-- HR评价 -->
    <p class="title" style="margin-top: 18px;" v-if="formData.applyResultInfo && formData.applyResultInfo.thirdResult">HR评价</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;" v-if="formData.applyResultInfo && formData.applyResultInfo.thirdResult">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >面试结果:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['thirdResult'], formData.applyResultInfo.thirdResult + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >到岗时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.arrivalTime }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >实际面试时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.actualInterviewTime }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >期望薪资(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.salary }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >人才标签:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['talentLabel'], formData.applyResultInfo.talentLabel + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="24">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >综合评价:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.applyResultInfo.remark }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <!-- 附件信息 -->
    <FileInfor :purchaseFile="purchaseFile" v-if="purchaseFile && purchaseFile.length"></FileInfor>
    <!-- 流程详情 -->
    <!-- <ProcessInfor v-if="formData.bpmStatus !== '1'" :dataHistorySource="dataHistorySource"></ProcessInfor> -->
  </div>
</template>
<script>
  import address from '@/components/AddressChoice/address.js'
  import { filterMultiDictText, initDictOptions } from '@/components/dict/JDictSelectUtil'
  import { getAction } from '@/api/manage'
  import FileInfor from '@/components/print/FileInfor.vue' // 审批历史流程列表组件
  // import ProcessInfor from '@/components/print/ProcessInfor.vue' // 审批历史流程列表组件
  export default {
    props: {
      formBpm: {
        type: Boolean,
        default: false
      },
      formData: {
        type: Object,
        default: () => {},
        required: true
      }
    },
    components: {
      FileInfor
      // ProcessInfor
    },
    data() {
      return {
        dictOptions: {},
        address, // code地址
        filterMultiDictText,
        checked: true,
        // 家庭成员与社会关系
        columns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '姓名',
            align: 'center',
            width: 65,
            dataIndex: 'name'
          },
          {
            title: '与本人关系',
            align: 'center',
            width: 100,
            dataIndex: 'relation'
          },
          {
            title: '年龄',
            align: 'center',
            width: 65,
            dataIndex: 'age'
          },
          {
            title: '联系电话',
            align: 'center',
            width: 100,
            dataIndex: 'phone'
          }

        ],

        // 工作经历
        workHistoryColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '开始时间',
            align: 'center',
            width: 80,
            dataIndex: 'beginDate'
          },
          {
            title: '结束时间',
            align: 'center',
            width: 80,
            dataIndex: 'endDate'
          },
          {
            title: '工作单位',
            align: 'center',
            width: 65,
            dataIndex: 'workUnit'
          },
          {
            title: '部门',
            align: 'center',
            width: 65,
            dataIndex: 'department'
          },
          {
            title: '岗位',
            align: 'center',
            width: 65,
            dataIndex: 'position'
          },
          {
            title: '证明人',
            align: 'center',
            width: 55,
            dataIndex: 'witness'
          },
          {
            title: '证明人联系电话',
            align: 'center',
            // width: 100,
            dataIndex: 'witnessPhone'
          },
          {
            title: '薪资(元)',
            align: 'center',
            width: 65,
            dataIndex: 'salary'
          },
          {
            title: '离职原因',
            align: 'center',
            // width: 100,
            dataIndex: 'leaveReason'
          }
        ],

        // 教育经历
        educationColumns: [
        {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '开始时间',
            align: 'center',
            width: 80,
            dataIndex: 'beginDate'
          },
          {
            title: '结束时间',
            align: 'center',
            width: 80,
            dataIndex: 'endDate'
          },
          {
            title: '学校名称',
            align: 'center',
            dataIndex: 'graduatedFrom'
          },
          {
            title: '专业',
            align: 'center',
            dataIndex: 'major'
          },
          {
            title: '获奖情况',
            align: 'center',
            dataIndex: 'prizeRecord'
          }
        ],

        // 培训经历
        trainingColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '开始时间',
            align: 'center',
            width: 80,
            dataIndex: 'beginDate'
          },
          {
            title: '结束时间',
            align: 'center',
            width: 80,
            dataIndex: 'endDate'
          },
          {
            title: '培训机构',
            align: 'center',
            dataIndex: 'institution'
          },
          {
            title: '培训项目',
            align: 'center',
            dataIndex: 'project'
          },
          {
            title: '证书名称',
            align: 'center',
            dataIndex: 'certificate'
          }
        ],

        // 奖惩档案
        rewardPunishFileColumns: [
        {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '奖惩类别',
            align: 'center',
            width: 65,
            dataIndex: 'rewardPunishCategory',
            customRender: (text,r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['rewardPunishCategory'], text + '')
              }
            }
          },
          {
            title: '奖惩日期',
            align: 'center',
            width: 80,
            dataIndex: 'occurrenceDate'
          },
          {
            title: '奖惩机构',
            align: 'center',
            dataIndex: 'institution'
          },
          {
            title: '奖惩事由',
            align: 'center',
            dataIndex: 'reason'
          },
          {
            title: '奖惩办法',
            align: 'center',
            dataIndex: 'method'
          }
        ],

        dataHistorySource: [], // 流程列表
        url: {
            historyList: '/api/erpmng/act/task/processHistoryList', // 流程历史跟踪接口
            allList: '/api/erp/workbench/article/erpComputerPurchaseDetail/allList', // 印章列表
            queryById: '/api/erp/administration/seal/erpSealAuthorizationInformation/queryById' // 獲取詳情
        },
        purchaseFile: [], // 附件
        ids_dictText: '', // 印章
        addressName: ''
      };
    },
    watch: {
      formData: {
        handler (val) {
            if (val) {
              // this.getHistoryList()
              // this.initObj()
              if (val.attachments) {
                this.purchaseFile = val.attachments.split(',')
              }
              this.initDictConfig()
              this.addressName = ''
              var addressName = this.getArea(this.address, val.nativePlace).names
              addressName.map(value => {
                this.addressName = this.addressName + '/' + value
              })

              if (this.addressName) {
                this.addressName = this.addressName.slice(1)
              }
              console.log('this.addressName', this.addressName)
            }
        },
        immediate: true
      }
    },
    methods: {
      tableRowClass(record, index) {
        return 'rowClass';
      },

      // 加载数据字典信息
      initDictConfig() {
        initDictOptions('reward_punish_category').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'rewardPunishCategory', res.result)
          }
        })
        initDictOptions('foreign_language_level').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'foreignLanguageLevel', res.result)
          }
        })
        initDictOptions('computer_capability').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'computerCapability', res.result)
          }
        })
        initDictOptions('YES_OR_NO').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'hasDrivingLicense', res.result)
          }
        })
        initDictOptions('highest_degree').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'highestDegree', res.result)
          }
        })
        initDictOptions('educational_mode').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'educationalMode', res.result)
          }
        })
        initDictOptions('sex').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'gender', res.result)
          }
        })
        initDictOptions('interview_result').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'firstResult', res.result)
            this.$set(this.dictOptions, 'secondResult', res.result)
            this.$set(this.dictOptions, 'thirdResult', res.result)
          }
        })
        initDictOptions('talent_label').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'talentLabel', res.result)
          }
        })

        initDictOptions('erp_employee_file,name,id').then((res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'firstInterviewer', res.result)
            this.$set(this.dictOptions, 'firstExchanger', res.result)
          }
        })
      },

      // 地址查询
      getArea(json, code) {
        let names = [];
        let codes = [];
        function findCity(list, code, father) {
          const index = list.findIndex(ev => {
            return ev.code === code;
          });

          if (index > -1) {
            const child = list[index];
            names.unshift(child.name);
            codes.unshift(child.code);
            father && names.unshift(father.name) && codes.unshift(father.code);
            father && findCity(json || [], father.code);
            return;
          }
          list.map(item => {
            if (item.children) {
              findCity(item.children || [], code, item);
            }
          });
        }
        findCity(json, code);
        names = [...new Set(names)];
        codes = [...new Set(codes)];
        return { codes, names };
      },
    }
  };
</script>
<style lang="less" scoped>
  .page{
    background: #ffffff;
    padding: 19px 28px 0 28px;
    width: 750px;
    .print_title{
        font-size: 15px;
        font-family: Alibaba PuHuiTi 2.0;
        font-weight: normal;
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 9px;
    }
    .title {
        background: #EEEEEE;
        font-size: 13px;
        font-family: Alibaba PuHuiTi 2.0;
        font-weight: normal;
        color: #000000;
        padding: 11px 9px;
    }
    .content {
        font-size: 13px;
    }

    .title_table{
        font-size: 13px;
        font-family: Alibaba PuHuiTi 2.0;
        font-weight: normal;
        color: #000000;
    }
  }
  /deep/ .rowClass{
      font-size: 10px;
      font-family: Alibaba PuHuiTi 2.0;
      font-weight: normal;
      color: #000000;
  }
  /deep/ .ant-table-thead th{
      font-size: 10px;
      font-family: Alibaba PuHuiTi 2.0;
      font-weight: normal;
      color: #000000;
  }
  /deep/ .ant-table-thead tr{
      background: #EEEEEE;
  }
  /deep/ .ant-table-small > .ant-table-content > .ant-table-body {
      margin: 0 0px;
  }
  /deep/ .ant-table-body tr {
      font-size: 10px;
      font-family: Alibaba PuHuiTi 2.0;
      font-weight: normal;
      color: #000000;
  }
  /deep/ .ant-table-body tr td {
    word-wrap:break-word;
    word-break:break-all;
  }
  .content{
  font-size: 13px;
}
</style>
